<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:p="http://primefaces.org/ui">
<h:head> <meta http-equiv="refresh" content="#{session.maxInactiveInterval};url=../index.jsf" />
<link rel="shortcut icon" href="icono.ico" /> 
	<meta charset="utf-8" />
	<title>SACA</title>
	<link rel="stylesheet" href="../styles.css" type="text/css" media="screen" />
	<link rel="stylesheet" type="../text/css" href="print.css" media="print" />
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</h:head>
<h:body>
    <h:form id="frm_docentes">
      
    <p:panel header="MANTENIMIENTO - DOCENTES" toggleable="true" toggleOrientation="horizontal">  
        <h:panelGrid id="panel_opciones" columns="1" width="100%"  >
             <h:panelGrid id="panel_btn" style="text-align: center;" columns="1" width="100%"  >
                 <h:commandButton  title="CREAR NUEVO DOCENTE" image="../images/nuevo.png" value="CREAR NUEVO DOCENTE" action="#{managedBeanDocente.nuevo()}"/> 
             </h:panelGrid>
              
                 <p:separator />
                 <p:dataTable id="dataTable" var="item" value="#{managedBeanDocente.lista}"  
                 paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">  
        <f:facet name="header">  
           Lista de Docentes 
        </f:facet>  
  
                     <p:column filterBy="#{item.nombreDocente}" filterMatchMode="contains">  
            <f:facet name="header">  
                <h:outputText value="NOMBRE" />  
            </f:facet>  
                       <h:outputText value="#{item.nombreDocente}" />  
        </p:column>  
  
                       
                     <p:column filterBy="#{item.tipoDocente.nombreTipoDocente}" filterMatchMode="contains">  
            <f:facet name="header" >  
                <h:outputText value="TIPO" />  
            </f:facet>  
                       <h:outputText value="#{item.tipoDocente.nombreTipoDocente}" />  
        </p:column>  
  
         
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="DESCRIPCION" />  
            </f:facet>  
            <h:outputText value="#{item.descripcion}" />  
        </p:column> 
                   
                   <p:column style="width:40px;">  
            <f:facet name="header">  
                <h:outputText value="OP" />  
            </f:facet>  
             
                       <p:commandButton value="Ver" icon="ui-icon ui-icon-search"
                 update=":frm_docentes:display " oncomplete="docenteDialog.show()" >
    
                           <f:setPropertyActionListener value="#{item}" target="#{managedBeanDocente.docente}" />              
</p:commandButton>
        </p:column> 
    </p:dataTable>  
       
         </h:panelGrid>
    
        
        <p:dialog id="dialog" header="DOCENTE SELECCIONADO" widgetVar="docenteDialog" resizable="false"
              width="450" showEffect="clip" hideEffect="fold">

        <h:panelGrid id="display" columns="2" cellpadding="4">

           
            <h:outputText value=" NOMBRE : " style="font-size: 15px;" />
            <h:outputText value="#{managedBeanDocente.docente.nombreDocente}" style="font-size: 15px;" />

<h:outputText value="TIPO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanDocente.docente.tipoDocente.nombreTipoDocente}" style="font-size: 15px;" />


<h:outputText value="DESCRIPCION : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanDocente.docente.descripcion}" style="font-size: 15px;" />


        </h:panelGrid>
    </p:dialog>
        
        
        
    </p:panel>  
						
			
</h:form>
</h:body>
</html>